
<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>

    <title>{% block title %}DragonStack Cloud{% endblock %}</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    {% block custom_css %}{% endblock %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/animate.css' %}">
    <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/owl.theme.css' %}">
    <link rel="stylesheet" href="{% static 'css/owl.carousel.css' %}">

    <!-- Main css -->
    <link rel="stylesheet" href="{% static 'css/style.css' %}">

    <!-- Google Font -->
{#    <link href='https://fonts.googleapis.com/css?family=Poppins:400,500,600' rel='stylesheet' type='text/css'>#}
    <!-- ECharts单文件引入 -->

    <script src="{% static 'js/jquery.js' %}"></script>
    <script src="{% static 'js/echarts.min.js' %}"></script>
    {##}
    {#    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js "></script>#}
    {#    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>#}
    {#    <script type="text/javascript"#}
    {#            src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>#}
    {#    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js "></script>#}

    <script type="text/javascript" src="{% static 'js/echarts-all-3.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/ecStat.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/dataTool.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/china.js' %}"></script>

    {% block custom_js %}{% endblock %}
</head>
<body data-spy="scroll" data-offset="50" data-target=".navbar-collapse">

<!-- =========================
     PRE LOADER       
============================== -->


<!-- =========================
     NAVIGATION LINKS     
============================== -->
<script>
	$(document).ready(function(){
	  $(".smoothscr").click(function () {
		var val=$(this).attr("id");

		if (this.hash !== "") {
		  event.preventDefault();
		  var hash = this.hash;
		  $('html, body').animate({
			scrollTop: $(hash).offset().top
		  }, 800, function(){
			window.location.hash = hash;
		  });
		}
	  });
	});
</script>

<div class="navbar  custom-navbar" role="navigation">
    <div class="container">

        <!-- navbar header -->
        <div class=".-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon icon-bar"></span>
                <span class="icon icon-bar"></span>
                <span class="icon icon-bar"></span>
            </button>
            <a href="{% url 'index' %}" class="navbar-brand">战术云资源池</a>
        </div>

        <div class="collapse navbar-collapse">

            <ul class="nav navbar-nav navbar-right"id="smoothmyscroll">
                <li><a href="{% url 'index' %}" class="smoothScroll">首页</a></li>

              <!--  <li><a href="#overview" id="virualcloud" class="smoothscr">虚拟云</a></li>
                <li><a href="#multiple" id="xietong" class="smoothscr">多域协同</a></li>
                <li><a href="#venue" id="swift" class="smoothscr">对象存储</a></li>
                <li><a href="#comput" id="computing" class="smoothscr">计算集群</a></li>

                <li><a href="#register" id="service" class="smoothscr">物联网服务</a></li>-->
<!--                <li><a href="#faq" id="according" class="smoothscr">关于</a></li>-->
                <li><a href="{% url 'users:usercontrol' %}" id="contrl" class="smoothscr">控制台</a></li>

                {% if user.is_authenticated %}
                    <!-- <li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
                        <a class="am-dropdown-toggle tpl-header-list-link smoothScroll" href="javascript:;">
                            <span class="tpl-header-list-user-nick">{{ user.username }} </span><span
                       </a>
                        <ul class="am-dropdown-content">
                            <li class="drop-a"><a href="#"><span class="am-icon-bell-o"></span> 资料</a></li>
                            <li><a href="#" class="drop-a"><span class="am-icon-cog"></span> 设置</a></li>
                            <li><a href="{% url 'users:logout' %}" class="drop-a"><span
                                    class="am-icon-power-off"></span> 退出</a></li>
                        </ul>
                    </li>-->
                    <!-- Single button -->
                    <li class="liback">
                        <a class="dropdown-toggle smoothScroll" id="user-name" data-toggle="dropdown"
                           aria-haspopup="true" aria-expanded="false">{{ user.username }}<span class="caret"></span>
                        </a>
                        {% if user.is_superuser == 1 %}
                            <ul class="dropdown-menu dropback">
                                <li><a href="{% url 'admins:apply_vm' 1 %}">后台管理</a></li>
                                <li><a href="{% url 'users:user_info' %}">账号信息</a></li>
                                <li><a href="{% url 'users:logout' %}">退出</a></li>
                            </ul>
                        {% else %}
                            <ul class="dropdown-menu dropback">

                                <li><a href="{% url 'users:user_info' %}">账号信息</a></li>
                                <li><a href="{% url 'users:logout' %}">退出</a></li>
                            </ul>
                        {% endif %}
                    </li>
                    {% if user.is_superuser == 1 %}
                        <li class="dropdown">
                            <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#"
                               aria-expanded="false">
                                <i class="fa fa-bell"></i>
                                <!--{% if count != 0 %}
                                    <span class="label label-danger">
                                        {{ new_vm_apply_count|add:vm_deploy_apply_count|add:vm_port_apply_count|add:new_container_apply_count }}
                                    </span>
                                {% endif %}-->
                            </a>
                            <ul class="dropdown-menu dropback">
                                <li>
                                  <div class="text-center link-block">
                                        <a href="{% url 'admins:apply_vm' 1%}" class="dropdown-item">虚拟机审核</a>
                                        <!--<span class="label label-info">{{ new_vm_apply_count }}</span>-->
                                    </div>
                                </li>
                                <li>
                                    <div class="text-center link-block">
                                        <a href="{% url 'admins:apply_setting' 1%}" class="dropdown-item">配置审核</a>
                                        <!--<span class="label label-info">{{ vm_deploy_apply_count }}</span>-->
                                    </div>
                                </li>
                                <li>
                                    <div class="text-center link-block">
                                        <a href="{% url 'admins:apply_port' 1%}" class="dropdown-item">端口审核</a>
                                        <!--<span class="label label-info">{{ vm_port_apply_count }}</span>-->
                                    </div>
                                </li>
                                <li>
                                    <div class="text-center link-block">
                                        <a href="{% url 'container:docker_verify' 1%}" class="dropdown-item">容器审核</a>
                                        <!--<span class="label label-info">{{ new_container_apply_count }}</span>-->
                                    </div>
                                </li>
                            </ul>
                        </li>
                    {% else %}
                        <li class="dropdown">
                            <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#"
                            aria-expanded="false">
                                <i class="fa fa-bell"></i>
                                {% if count != 0 %}
                                    <span class="label label-danger">
                                        {{ apply_vm_count|add:apply_deport_count|add:apply_port_count|add:apply_container_count }}
                                    </span>
                                {% endif %}
                            </a>
                            <ul class="dropdown-menu dropback">
                                <li>
                                <div class="text-center link-block">
                                        <a href="{% url 'users:vmcheck'%}" class="dropdown-item">虚拟机审核</a>
                                        <span class="label label-info">{{ apply_vm_count }}</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="text-center link-block">
                                        <a href="{% url 'users:configurationRecords'%}" class="dropdown-item">配置审核</a>
                                        <span class="label label-info">{{ apply_deport_count }}</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="text-center link-block">
                                        <a href="{% url 'users:portRecords'%}" class="dropdown-item">端口审核</a>
                                        <span class="label label-info">{{ apply_port_count }}</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="text-center link-block">
                                        <a href="{% url 'users:container_list' %}" class="dropdown-item">容器审核</a>
                                        <span class="label label-info">{{ apply_container_count }}</span>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    {% endif %}
                {% else %}
                    <li><a href="{% url 'users:login' %}" class="smoothScroll">登录</a></li>
                {% endif %}
          </ul>

        </div>

    </div>
</div>



{% block content %}

{% endblock %}










<!-- =========================
    FOOTER SECTION   
============================== -->
{#<footer>#}
{#    <div class="container">#}
{#        <div class="row">#}
{##}
{#            <div class="col-md-12 col-sm-12">#}
{#                <p class="wow fadeInUp" data-wow-delay="0.6s">Copyright © 2017 Provincial Key Laboratory of Network and#}
{#                    System Security, Xidian University, Shaanxi Province, China.#}
{##}
{#                </p>#}
{##}
{#                <ul class="social-icon">#}
{#                    <li><a href="#" class="fa fa-qq wow fadeInUp" data-wow-delay="1s"></a></li>#}
{#                    <li><a href="#" class="fa fa-weixin wow fadeInUp" data-wow-delay="1.3s"></a></li>#}
{#                </ul>#}
{##}
{#            </div>#}
{##}
{#        </div>#}
{#    </div>#}
{#</footer>#}


<!-- Back top -->
<a href="#back-top" class="go-top"><i class="fa fa-angle-up"></i></a>
<script>
    if ($('#user-name').value == 0)

</script>

<!-- =========================
     SCRIPTS
============================== -->


<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/jquery.parallax.js' %}"></script>
<script src="{% static 'js/owl.carousel.min.js' %}"></script>


<script type="text/javascript" src="{% static 'js/vidbg.min.js' %}"></script>
<script type='text/javascript' src="{% static 'js/bootstrap-slider.js' %}"></script>
<script src="{% static 'js/smoothscroll.js' %}"></script>
</body>
</html>
